
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>天霸动霸tua教育网站</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/login.css">
<link rel="stylesheet" href="css/sign-up-login.css">
<link rel="stylesheet" type="text/css" href="http://cdn.bootcss.com/font-awesome/4.6.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/inputEffect.css" />
<link rel="stylesheet" href="css/tooltips.css" />
<link rel="stylesheet" href="css/spop.min.css" />
<link href="/static/QQ/css/style.css" rel="stylesheet" type="text/css"/>
<link href="/static/plugins/fancyBox/jquery.fancybox.css?v=2.1.5" rel="stylesheet" type="text/css"/>

<script src="js/jquery.min.js"></script>
	<script src="/static/plugins/fancyBox/jquery.fancybox.pack.js?v=2.1.5"></script>
	<script src="/static/plugins/fancyBox/jquery.mousewheel-3.0.6.pack.js"></script>
<script src="js/snow.js"></script>
<script src="js/jquery.pure.tooltips.js"></script>
<script src="js/spop.min.js"></script>
<script src="js/btn.js"></script>
<style type="text/css">
html{width: 100%; height: 100%;}

body{

	background-repeat: no-repeat;

	background-position: center center #2D0F0F;

	background-color: #00BDDC;

	background-image: url(images/snow.jpg);

	background-size: 100% 100%;

}

.snow-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 100001; }
</style>

	<script>
        //登陆函数操作
        function login() {
            //发送ajax异步请求 需要把form表单的数据序列化 并且为json 格式
            $.post("/login.do",$("form").serialize(),function (data) {
                console.log(data);
                if(data.success){
                    //跳转到主页
                    location.href = "/index.do"
                }else{
                    alert(data.msg)
                }
            },'json');
        }
	</script>
	<script>
		$(function () {
			$(".fancybox").fancybox();
        })
	</script>
</head>
<body>


<!--QQ客服-->
<div id="rightArrow"><a href="javascript:;" title="在线客户"></a></div>
<div id="floatDivBoxs">
    <div class="floatDtt">赞助商</div>
    <div class="floatShadow">
        <ul class="floatDqq">
            <li style="padding-left:0px;"><a target="_blank" href="http://www.wolfcode.cn/"><img src="/static/QQ/images/wolfcode.PNG" align="absmiddle">&nbsp;&nbsp;首席赞助商</a></li>
            <li style="padding-left:0px;"><a target="_blank" href="https://www.baudu.com"><img src="/static/QQ/images/baidu.PNG" align="absmiddle">&nbsp;&nbsp;度娘</a></li>
            <li style="padding-left:0px;"><a target="_blank" href="https://www.jd.cn"><img src="/static/QQ/images/jd.PNG" align="absmiddle">&nbsp;&nbsp;妹夫网</a></li>
        </ul>
		<div class="floatDtxt">热线电话</div>
        <div class="floatDtel"><img src="/static/QQ/images/online_phone.jpg" width="155" height="45" alt=""></div>
        <div style="text-align:center;padding:10PX 0 5px 0;background:#EBEBEB;">
			<a class="fancybox" href="/static/QQ/images/2.jpg" data-fancybox-group="gallery" title="">
			<img src="/static/QQ/images/1.jpg">
			</a>
			<br>各位大佬打点钱赞助一哈!</div>
    </div>
    <div class="floatDbg"></div>
</div>

<script type="text/javascript">
    var flag=1;
    $('#rightArrow').click(function(){
        if(flag==1){
            $("#floatDivBoxs").animate({right: '-175px'},300);
            $(this).animate({right: '-5px'},300);
            $(this).css('background-position','-50px 0');
            flag=0;
        }else{
            $("#floatDivBoxs").animate({right: '0'},300);
            $(this).animate({right: '170px'},300);
            $(this).css('background-position','0px 0');
            flag=1;
        }
    });
</script>

<!-- 雪花背景 -->
	<div class="snow-container"></div>
	<!-- 登录控件 -->
	<div id="login">
		<input id="tab-1" type="radio" name="tab" class="sign-in hidden" checked />
		<input id="tab-2" type="radio" name="tab" class="sign-up hidden" />
		<input id="tab-3" type="radio" name="tab" class="sign-out hidden" />
		<div class="wrapper">

			<!-- 登录页面 -->
			<div class="login sign-in-htm">
				<form class="container offset1 loginform">
					<!-- 猫头鹰控件 -->
					<div id="owl-login" class="login-owl">
						<div class="hand"></div>
						<div class="hand hand-r"></div>
						<div class="arms">
							<div class="arm"></div>
							<div class="arm arm-r"></div>
						</div>
					</div>
					<div class="pad input-container">
						<section class="content">
							<span class="input input--hideo">
								<input class="input__field input__field--hideo" type="text" id="login-username" 
									name="username" value="admin" autocomplete="off" placeholder="请输入用户名" tabindex="1" maxlength="15" />
								<label class="input__label input__label--hideo" for="login-username">
									<i class="fa fa-fw fa-user icon icon--hideo"></i>
									<span class="input__label-content input__label-content--hideo"></span>
								</label>
							</span>
							<span class="input input--hideo">
								<input class="input__field input__field--hideo"  name="password" value="1"
									   type="password" id="login-password" placeholder="请输入密码" tabindex="2" maxlength="15"/>
								<label class="input__label input__label--hideo" for="login-password">
									<i class="fa fa-fw fa-lock icon icon--hideo"></i>
									<span class="input__label-content input__label-content--hideo"></span>
								</label>
							</span>
						</section>
					</div>
					<div class="form-actions">
						<a tabindex="4" class="btn pull-left btn-link text-muted" onClick="goto_forget()">忘记密码?</a>
						<input class="btn btn-primary" type="button" tabindex="3" onClick="go()" value="学贷登录界面"
							   style="color:white;"/>

						<input class="btn btn-primary" type="button" tabindex="3" onClick="login()" value="登录"
							style="color:white;"/>
						<input class="btn btn-reset" type="button" tabindex="3" onClick="reset()" value="重置"
							   style="color:red;"/>
					</div>

					<script>
						function go() {
							location.href="/static/studentLogin/studentLogin.html";
                        }
					</script>

				</form>
			</div>

			<!-- 忘记密码页面 -->
			<div class="login sign-out-htm">
				<form action="#" method="post" class="container offset1 loginform">
					<!-- 猫头鹰控件 -->
					<div id="owl-login" class="forget-owl">
						<div class="hand"></div>
						<div class="hand hand-r"></div>
						<div class="arms">
							<div class="arm"></div>
							<div class="arm arm-r"></div>
						</div>
					</div>
					<div class="pad input-container">
						<section class="content">
							<span class="input input--hideo">
								<input class="input__field input__field--hideo" type="text" id="forget-username" autocomplete="off" placeholder="请输入用户名"/>
								<label class="input__label input__label--hideo" for="forget-username">
									<i class="fa fa-fw fa-user icon icon--hideo"></i>
									<span class="input__label-content input__label-content--hideo"></span>
								</label>
							</span>
							<span class="input input--hideo">
								<input class="input__field input__field--hideo" type="text" id="forget-code" autocomplete="off" placeholder="请输入注册码"/>
								<label class="input__label input__label--hideo" for="forget-code">
									<i class="fa fa-fw fa-wifi icon icon--hideo"></i>
									<span class="input__label-content input__label-content--hideo"></span>
								</label>
							</span>
							<span class="input input--hideo">
								<input class="input__field input__field--hideo" type="password" id="forget-password" placeholder="请重置密码" />
								<label class="input__label input__label--hideo" for="forget-password">
									<i class="fa fa-fw fa-lock icon icon--hideo"></i>
									<span class="input__label-content input__label-content--hideo"></span>
								</label>
							</span>
						</section>
					</div>
					<div class="form-actions">
						<a class="btn pull-left btn-link text-muted" onClick="goto_login()">返回登录</a>
						<input class="btn btn-primary" type="button" onClick="forget()" value="重置密码" 
							style="color:white;"/>
					</div>
				</form>
			</div>

				</form>
			</div>
		</div>
	</div>

<style type="text/css">
	*{margin:0;padding:0;list-style-type:none;}
	a,img{border:0;}
	body{font-size:12px;font-family:Arial, Helvetica, sans-serif,"宋体";}
	/* online */
	.QQbox{left:3px;position:absolute;top:145px;width:170px;z-index:999999;}
	.QQbox .press{border:medium none;cursor:pointer;height:136px;left:0;position:absolute;width:26px;}
	.QQbox .Qlist{left:0;width:170px;}
	.QQbox .Qlist .b{float:left;font-size:1px;height:6px;width:170px;}
	.QQbox .Qlist .infobox{background:#BDC5CB;color:#000000;font-weight:800;line-height:14px;padding:5px;text-align:center;}
	.QQbox .Qlist .t,.QQbox .Qlist .b,#divMenu{background:url(/static/QQ/images/online.png) no-repeat;}
	.QQbox .Qlist .t{background-position:-26px top;height:34px;}
	.QQbox .Qlist .b{background-position:-26px -68px;height:9px;overflow:hidden;}
	.QQbox .Qlist .con{border:1px solid #ccc;border-top:none;border-bottom:none;padding:10px 0;width:168px;background:#fff;}
	.QQbox .Qlist .con ul li{padding:5px 5px 0 15px;}
	#divMenu{background-position:0 0;width:26px;height:136px;cursor:pointer;}
</style>

<div style="height:1000px;"></div>

<div class="QQbox" id="divQQbox" style="width:26px;">
	<div class="Qlist" id="divOnline" onmouseout="hideMsgBox(event);" style="display:none;">
		<div class="t"></div>
		<div class="infobox">我们营业的时间<br />9:00-23:00</div>
		<div class="con">
			<ul>
				<li><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=541374203&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:541374203:41" alt="点击这里给我发消息" title="点击这里给我发消息"></a></li>
				<li>客服热线:15901826010</li>
			</ul>
		</div>
		<div class="b"></div>
	</div>
	<div id="divMenu" onmouseover="OnlineOver();"></div>
</div><!--QQbox end-->

<script type="text/javascript">

    var tips;
    var theTop = 145/*这是默认高度,越大越往下*/;
    var old = theTop;
    function initFloatTips() {
        tips = document.getElementById('divQQbox');
        moveTips();
    };
    function moveTips() {
        var tt = 50;
        if (window.innerHeight) {
            pos = window.pageYOffset
        }
        else if (document.documentElement && document.documentElement.scrollTop) {
            pos = document.documentElement.scrollTop
        }
        else if (document.body) {
            pos = document.body.scrollTop;
        }
        pos = pos - tips.offsetTop + theTop;
        pos = tips.offsetTop + pos / 10;
        if (pos < theTop) pos = theTop;
        if (pos != old) {
            tips.style.top = pos + "px";
            tt = 10;
            //alert(tips.style.top);
        }
        old = pos;
        setTimeout(moveTips, tt);
    }
    initFloatTips();
    function OnlineOver() {
        document.getElementById("divMenu").style.display = "none";
        document.getElementById("divOnline").style.display = "block";
        document.getElementById("divQQbox").style.width = "145px";
    }
    function OnlineOut() {

        document.getElementById("divMenu").style.display = "block";
        document.getElementById("divOnline").style.display = "none";
    }
    if (typeof (HTMLElement) != "undefined")    //给firefox定义contains()方法，ie下不起作用
    {
        HTMLElement.prototype.contains = function(obj) {
            while (obj != null && typeof (obj.tagName) != "undefind") { //通过循环对比来判断是不是obj的父元素
                if (obj == this) return true;
                obj = obj.parentNode;
            }
            return false;
        };
    }
    function hideMsgBox(theEvent) { //theEvent用来传入事件，Firefox的方式
        if (theEvent) {
            var browser = navigator.userAgent; //取得浏览器属性
            if (browser.indexOf("Firefox") > 0) { //如果是Firefox
                if (document.getElementById('divOnline').contains(theEvent.relatedTarget)) { //如果是子元素
                    return; //结束函式
                }
            }
            if (browser.indexOf("MSIE") > 0) { //如果是IE
                if (document.getElementById('divOnline').contains(event.toElement)) { //如果是子元素
                    return; //结束函式
                }
            }
        }
        /*要执行的操作*/
        document.getElementById("divMenu").style.display = "block";
        document.getElementById("divOnline").style.display = "none";
        document.getElementById("divQQbox").style.width = "26px";
    }
</script>





</body>
</html>